<template>
  <el-container id="app">
    <el-container v-if="$route.path != '/login' && $route.path != '/404'">
      <Menu/>
      <el-container>
        <el-header class="header"><myHeader/></el-header>
        <tab-menu></tab-menu>
        <el-main><router-view></router-view></el-main>
      </el-container>
    </el-container>
    <router-view v-else></router-view>
  </el-container>
</template>
<script>
import Menu from '@/components/Menu.vue'
import myHeader from '@/components/header.vue'
import tabMenu from './components/tabMenu.vue'
export default {
  components: {
    Menu,
    myHeader,
    tabMenu
  }
}
</script>

<style lang="less" scoped>
#app {
  height: 100vh;
}
.header {
  font-size: 18px;
  display: flex;
  align-items: center;
  font-weight: bold;
  background: #3c8dbc;
  color: white;
  height: 50px!important;
  padding: 2px;
}
</style>
